﻿<html>
  <head>
  <title></title>
  <div id="themefile"></div>
  <style>
    @import "this://app/images/public.css";
    @import "this://app/images/form.css";
    html,body{width:*;height:*;overflow:hidden;margin:0;background:color(center-background-color);padding:0;}
    .wrapper{width:*;height:*;flow:horizontal-flow;overflow:auto;padding:0;margin:0;}
  
    #table_default td:first-child{width:120dip;}
    .table_platform tr td:nth-child(odd){font-size:11dip;text-align:right;padding:3dip 0;}
    .table_platform tr td:nth-child(even){text-align:left;padding-bottom:0;width:180px;}
    .table_interface tr td:nth-child(odd){font-size:11dip;text-align:right;padding:3dip 0;min-width:80dip}
    .table_interface tr td:nth-child(even){text-align:left;padding-bottom:0;}
    #platform_exts{width:662dip;}
    #platform_ico{max-width:220dip;}

    #shortcut_list{padding:0;}
    #shortcut_list li{flow:row(input,input,button,button,button,label);list-style:none;margin-bottom:5dip}
    #shortcut_list li *{margin: 0 3dip;vertical-align: middle}
    #shortcut_list li input[type="text"]:nth-child(1){width:130px;}
    #shortcut_list li input[type="text"]:nth-child(2){width:230px;margin-right:3dip;}
    #shortcut_list li .openfile{margin-left:0;}

    input[type=text]{vertical-align:middle}
    .rombaseEnum_wrapper{flow:horizontal-flow;clear:both;}
    .rombaseEnum_wrapper p{font-size:12dip;color:color(general-text-color)}
    .rombaseEnum_wrapper div{display:block;position:relative;padding:0 5dip 5dip 5dip;width:120dip;}
    .rombaseEnum_wrapper textarea{height:300dip;display:block;width:auto}
    

    #thumb_orders{flow:horizontal-wrap;height:auto;width:*;display:block}
    #thumb_orders li{width:100dip;display:block;background:color(button-background-color);border:1px solid color(button-border-color);color:color(button-text-color);margin:5dip;padding:10dip;text-align:center;}

  </style>
  </head>
<body>

  <tabs class="tabs" id="mytabs">
    <strip>
      <label ww="650dip" wh="350dip" for="first" selected>{{GeneralConfig}}</label>
      <label ww="540dip" wh="305dip" for="second">{{InterfaceConfig}}</label>
      <label ww="670dip" wh="500dip" for="third">{{RombaseEnum}}</label>
      <label ww="570dip" wh="350dip" for="fourth">{{Shortcut}}</label>
      <label ww="570dip" wh="350dip" for="fifth">{{ThumbOrders}}</label>
    </strip>
    <panels>
      <section id="first">
        <!-- 通用配置 -->
          <table id="table_default">
            <tr><td><div class="tip" title="{{SoftTitleTip}}">?</div>{{SoftTitle}}：</td><td><input type="text"  id="config_soft_name" value=""> <button class="openfile" for="config_soft_name" caption="{{SelectPicFile}}" filter="picture Files (*.ico,*.png,*.gif,*.jpg,*.jpeg,*.bmp)|*.ico;*.png;*.gif;*.jpg;*.jpeg;*.bmp|All Files (*.*)|*.*">...</button></td></tr>
            <tr><td><div class="tip" title="{{LangTip}}">?</div>{{Lang}}：</td><td><select id="config_lang"></select></td></tr>
            <tr><td><div class="tip" title="{{PicSearchEnginesTitle}}">?</div>{{PicSearchEngines}}：</td><td><input type="text" id="config_search_engines" style="width:280dip"></td></tr>  
            <tr><td><div class="tip" title="{{MusicPlayerTip}}">?</div>{{MusicPlayer}}：</td><td><input type="text"  id="config_music_player" value=""> <button class="openfile" for="config_music_player" caption="{{SelectPicFile}}" filter="picture Files (*.exe)|*.exe|All Files (*.*)|*.*">...</button></td></tr>

            <tr><td>{{StartCheckUpgrade}}：</td><td><select id="config_enable_upgrade">
                <option value="1">{{Yes}}</option>
                <option value="0">{{No}}</option>
              </select>
              </td></tr>
          </table>
          <div class="form_bottom">
              <button class="cancel">{{Cancel}}</button>
              <button class="ok" id="config_submit">{{UpdateConfig}}</button>
          </div>
      </section>
     
      <section id="second">
        <!-- 界面设置 -->

          <table class="table_interface">

            <tr>
              <td>{{Cursor}}：</td>
              <td colspan="3"><input type="text"  id="config_cursor" value=""> <button class="openfile" for="config_cursor" caption="{{SelectPicFile}}" filter="cursor Files (*.cur,*.ani,*.png,*.gif)|*.cur;*.ani;*.png;*.gif|All Files (*.*)|*.*">...</button></td>
            </tr>
            <tr>
              <td><div class="tip" title="{{TipBackground}}">?</div>{{DefaultBackground}}：</td>
              <td colspan="3"><input type="text"  id="config_background" value=""> <button class="openfile" for="config_background" caption="{{SelectPicFile}}" filter="Media Files (*.png,*.gif,*.jpg,*.jpeg,,*.webp,*.mp4,*.wmv,*.flv,*.avi)|*.png;*.gif;*.jpg;*.jpeg;*.webp;*.mp4;*.wmv;*.flv;*.avi;*.webm|All Files (*.*)|*.*">...</button>
                <select id="config_background_repeat">
                    <option value="repeat">{{BackgroundRepeat}}</option>
                    <option value="cover">{{BackgroundCover}}</option>
                    <option value="no-repeat">{{BackgroundNoRepeat}}</option>
                </select>
                <select id="config_background_fuzzy">
                    <option value="0">{{NotFuzzy}}</option>
                    <option value="1">{{Fuzzy}}1</option>
                    <option value="3">{{Fuzzy}}2</option>
                    <option value="5">{{Fuzzy}}3</option>
                    <option value="7">{{Fuzzy}}4</option>
                    <option value="9">{{Fuzzy}}5</option>
                    <option value="15">{{Fuzzy}}6</option>
                    <option value="30">{{Fuzzy}}7</option>
                    <option value="45">{{Fuzzy}}8</option>
                </select>
              </td>
            </tr>
            <tr>
              <td><div class="tip" title="{{TipBackgroundMask}}">?</div>{{DefaultBackgroundMask}}：</td>
              <td colspan="3"><input type="text" id="config_background_mask" value=""> <button class="openfile" for="config_background_mask" caption="{{SelectPicFile}}" filter="picture Files (*.png,*.gif,*.jpg,*.jpeg,*.bmp,*.webp)|*.png;*.gif;*.jpg;*.jpeg;*.bmp;*.webp|All Files (*.*)|*.*">...</button>
              </td>
            </tr>
            <tr>
              <td><div class="tip" title="{{TipWallpaper}}">?</div>{{DefaultWallpaper}}：</td>
              <td colspan="3"><input type="text"  id="config_wallpaper" value=""> <button class="openfile" for="config_wallpaper" caption="{{SelectPicFile}}" filter="picture Files (*.png,*.gif,*.jpg,*.jpeg,*.bmp,*.webp)|*.png;*.gif;*.jpg;*.jpeg;*.bmp;*.webp|All Files (*.*)|*.*">...</button>
              </td>
            </tr>
          </table>
          <div class="form_bottom">
                <button class="cancel">{{Cancel}}</button>
                <button class="ok" id="interface_submit">{{UpdateConfig}}</button>
          </div>
      </section>
      <section id="third">
      
      <div class="rombaseEnum_wrapper">
        <div><p>{{BaseType}}</p><textarea id="rombase_type"></textarea></div>
        <div><p>{{BaseProducer}}</p><textarea id="rombase_producer"></textarea></div>
        <div><p>{{BasePublisher}}</p><textarea id="rombase_publisher"></textarea></div>
        <div><p>{{BaseCountry}}</p><textarea id="rombase_country"></textarea></div>
        <div><p>{{BaseVersion}}</p><textarea id="rombase_version"></textarea></div>
      </div>
      <div class="form_bottom">
              <button class="cancel">{{Cancel}}</button>
              <button class="ok" id="rombase_submit">{{UpdateConfig}}</button>
          </div>
      
      
      </section>
      <section id="fourth">
        <!-- 快捷工具 -->
        <div class="wrapper">
          <ul id="shortcut_list"></ul>
          <table><tr><th colspan="4"></th></tr><tr><td style="text-align:center"><button id="shortcut_add">{{AddShortcut}}</button></td></tr></table>
        </div>
      </section>

      <section id="fifth">
        <!-- 图集排序 -->
        <div class="wrapper">
          <ul id="thumb_orders">
          </ul>
        </div>
      </section>

    </panels>
  </tabs>

  <script type="text/tiscript">
    include ROOTPATH + "js/plugins/tabs.js";
    include ROOTPATH + "js/plugins/dragdrop.js";
    include ROOTPATH + "js/utils.js";
    include ROOTPATH + "js/dialog/config.js";

    //初始化主题
    initUiTheme();

    //平台列表点击
    event click $(#platform_list li) {
      GetPlatformItem(this);
    }
    
    //更新通用配置信息
    event click $(#config_submit) {
      configSubmit(this);
    }


    //选择文件夹
    event click $(.openfolder){
        openFolder(this);
    }

    //选择文件
    event click $(.openfile){
      openFile(this);
    }

    //添加快捷工具
    event click $(#shortcut_add){
        shortcutAdd(this);
    }

    //更新快捷工具
    event click $(.shortcut_update){
        shortcutUpdate(this);
    }

    //删除快捷工具
    event click $(.shortcut_delete){
        shortcutDelete(this);
    }

    //背景图片
    event blur $(#config_background) {
        setBackgroundImage(this);
    }

    //背景显示方式
    event change $(#config_background_repeat) {
        setBackgroundRepeat(this);
    }

    //背景模糊度数
    event change $(#config_background_fuzzy) {
        setBackgroundFuzzy(this);
    }

    //背景遮罩图片
    event change $(#config_background_mask) {
        setBackgroundMask(this);
    }

    //更换鼠标指针
    event blur $(#config_cursor) {
        setCursor(this);
    }

    //提交界面变更
    event click $(#interface_submit) {
        interfaceSubmit(this);
    }

    event click $(.cancel){
        view.close();
    }

    //添加快捷工具
    event click $(#rombase_submit){
        rombaseSubmit();
    }
    

</script>
</body>
</html>
